* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
header {
  display: flex;
  height: 1.69333333rem;
  background: #27c1b4;
  color: #fff;
  justify-content: space-between;
  align-items: center;
}
header p {
  font-size: 0.37333333rem;
}
header p img {
  display: block;
  margin-left: 0.4rem;
}
.topPz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1rem;
  border: 1px solid #ccc;
}
.topPz p {
  padding: 2% 4% 2% 4%;
  font-size: 0.30666667rem;
}
.topPz .p {
  color: #27c1b4;
}
.bg {
  background: #ccc;
  height: 0.28rem;
  border: 1px solid #f0f0f0;
}
.menu {
  display: flex;
  height: 1.05333333rem;
  border-bottom: 1px solid #f0f0f0;
  align-items: center;
  padding-left: 0.26666667rem;
  font-size: 0.28rem;
}
.menu .span {
  color: #999999;
}
.menu #span1 {
  color: #27c1b4;
}
.zhaopian {
  display: block;
  margin-top: 0.42666667rem;
}
.zhaopianWrap {
  height: 3.45333333rem;
}
footer {
  display: flex;
  height: 1.14666667rem;
  background: #27c1b4;
  color: #fff;
  justify-content: center;
  align-items: center;
}
